#{extends 'mainPrivate.html' /}
#{set title:'Se faire conduire' /}

<div class="ui teal raised segment">
    <div class="ui teal ribbon label">Se faire conduire</div>
    <div id="rechercheParcours">
        <div class="ui fluid form segment">
            <div class="ui three fields message">
                <div class="field">
                    <label>Ville de départ</label>
                    <input placeholder="Exemple : Grenoble, 38000" type="text" name="depart">
                </div>
                <div class="field">
                    <label>Ville d'arrivée</label>
                    <input placeholder="Exemple : Annecy, 74000" type="text" name="arrivee">
                </div>
                <div class="field">
                    <label>Date</label>
                    <input type="text" name="date" id="date">
                </div>
                <button class="ui small button" id="boutonChercherParcours" name="boutonChercherParcours">Chercher</button>
                <button class="ui small button" id="boutonReinitChercher" name="boutonReinitChercher">Reinitialiser</button>
                <div id="message_failed_search" class="ui primary inverted red segment">Aucun parcours n'a été trouvé.</div>
                <div id="message_failed_reservation" class="ui primary inverted red segment">La réservation a échoué</div>
            </div>
        </div>
        <table class="ui sortable table segment" id="listeParcours">
            <thead>
            <tr><th>Départ</th>
                <th>Arrivée</th>
                <th>Date</th>
                <th>Nombre de places restantes</th>
                <th>Prix</th>
                <th>Options</th>
            </tr></thead>
            <tbody id="tabcontenu">
            </tbody>
        </table>
    </div>
    <div id="affichageParcours" class="ui large modal">
    </div>
</div>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="@{'/public/javascripts/sefaireconduirePrivate.js'}" type="text/javascript" charset="${_response_encoding}"></script>